<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LisPlayer Demo</title>
    <style></style>
</head>

<body>
    <div class="lplayer"></div>

    <script src="../LPlayer.min.js"></script>
    <script>
        const lrcAdapter = (data) => {
            let lrc = [];
            let lrcList = data.data.lrclist || [];
            for(let i = 0; i < lrcList.length; i++){
                lrc.push([parseFloat(lrcList[i].time), lrcList[i].lineLyric]);
            }
            lrc.sort((a, b) => a[0] - b[0]);
            return lrc;
        }

        let ele = document.getElementsByClassName('lplayer')[0];
        let player = new LPlayer({
            ele,
            lrcType: 1,
            music: [
                // {
                //     name: '九万字',
                //     artist: '黄诗扶',
                //     url: './九万字.mp3',
                //     lrc: "[00:00.000] 作词 : 左木修\n[00:05.000] 作曲 : WH宇恒/黄诗扶\n[00:04.74]编曲：李大白\n[00:07.21]“当坊间最善舞的女儿死了，京城就该有一场大雪。”\n[00:15.98]—— 叶三·《九万字》\n[00:16.68]\n[00:23.13]飘泊的雪 摇曳回风\n[00:26.77]诗意灵魂 更迭情人\n[00:30.40]总惯用轻浮的茂盛 掩抹深沉\n[00:36.98]\n[00:37.77]有谁不是 少年热诚\n[00:41.53]孑然一身 爱一个人\n[00:45.25]望尽了毕生温柔眼神\n[00:49.98]\n[00:51.24]写得出最刻薄的字文\n[00:57.24]以讥诮这庸尘\n[01:00.42]却不忍 斥你毫分\n[01:05.20]\n[01:05.46]我也算万种风情 实非良人\n[01:10.18]谁能有幸 错付终身\n[01:13.51]最先动情的人\n[01:15.83]剥去利刃 沦为人臣\n[01:20.08]\n[01:20.38]我爱你苍凉双眼 明月星辰\n[01:24.86]不远万里 叩入心门\n[01:28.33]一个孤僻的唇\n[01:30.40]摘获了你首肯 献上一吻\n[01:39.84]\n[01:41.62]—— Music ——\n[01:49.06]\n[01:55.30]有谁不是 死而寻生\n[01:59.03]险些终结 险些偿命\n[02:02.76]睡梦中无数次的自刎\n[02:07.98]\n[02:08.87]笔下有最淋漓的爱恨\n[02:14.64]以剜挑这浮生\n[02:18.19]只写你 衣不染尘\n[02:22.58]\n[02:23.00]我也算万种风情 实非良人\n[02:27.64]谁能有幸 错付终身\n[02:30.93]幻想岁月无声\n[02:33.25]百年之后 合于一坟\n[02:37.45]\n[02:37.68]我爱你苍凉双眼 留有余温\n[02:42.42]荒芜的心 旷野徒奔\n[02:45.83]你会弹落烟尘 抹去指上灰痕\n[02:52.10]各自纷呈\n[02:54.48]\n[02:56.38]看那些 流离失所的游魂\n[03:00.78]莫衷一是 层层围困\n[03:04.25]从来酿酒的人\n[03:06.52]分外清醒 独善其身\n[03:10.58]\n[03:10.96]常言说 命运半点不由人\n[03:15.26]不信常言 偏信方寸\n[03:19.00]那些荒唐传闻\n[03:21.39]化名称为青春\n[03:25.38]红尘滚滚\n[03:29.70]\n[03:30.76]“人间不值得”系列歌曲\n[03:45.86]策划：左木修\n[03:46.59]混音：幺唠\n[03:47.06]和声编写、和声：黄诗扶\n[03:48.46]录音：后权宝@行人studio\n[03:49.22]出品：万象凡音\n[03:50.22]——  End ——\n"
                // },
                // {
                //     name: "讲真的",
                //     artist: "曾惜",
                //     url: "http://music.163.com/song/media/outer/url?id=30987293.mp3",
                //     pic: "http://p1.music.126.net/cd9tDyVMq7zzYFbkr0gZcw==/2885118513459477.jpg?param=300x300",
                //     lrc: "[by:却连一句我爱你都不能说出口]\n[ti:讲真的]\n[ar:曾惜]\n[al:不要你为难]\n[by:冰城离殇]\n[00:00] 作曲 : 何诗蒙\n[00:01] 作词 : 黄然\n[00:18]今夜特别漫长\n[00:21]有个号码一直被存放\n[00:25]源自某种倔强\n[00:30]不舍删去又不敢想\n[00:33]明明对你念念不忘\n[00:37]思前想后愈发紧张\n[00:41]无法深藏\n[00:43]爱没爱过想听你讲\n[00:48]讲真的\n[00:51]会不会是我 被鬼迷心窍了\n[00:54]敷衍了太多 我怎么不难过\n[00:58]要你亲口说 别只剩沉默\n[01:03]或许你早就回答了我\n[01:06]讲真的\n[01:08]想得不可得 是最难割舍的\n[01:11]各自好好过 也好过一直拖\n[01:15]自作多情了 好吧我认了\n[01:19]至少能换来释怀洒脱\n[01:23]没丢失掉自我\n[01:42]今夜特别漫长\n[01:44]有个号码一直被存放\n[01:49]源自某种倔强\n[01:53]不舍删去又不敢想\n[01:57]明明对你念念不忘\n[02:01]思前想后愈发紧张\n[02:05]无法深藏\n[02:08]爱没爱过想听你讲\n[02:13]讲真的\n[02:15]会不会是我 被鬼迷心窍了\n[02:19]敷衍了太多 我怎么不难过\n[02:23]要你亲口说 别只剩沉默\n[02:27]或许你早就回答了我\n[02:30]讲真的\n[02:32]想得不可得 是最难割舍的\n[02:35]各自好好过 也好过一直拖\n[02:40]自作多情了 好吧我认了\n[02:44]至少能换来释怀洒脱\n[02:47]没丢失掉自我\n[03:04]讲真的\n[03:05]会不会是我 被鬼迷心窍了\n[03:09]敷衍了太多 我怎么不难过\n[03:14]要你亲口说 别只剩沉默\n[03:18]或许你早就回答了我\n[03:21]讲真的\n[03:22]想得不可得 是最难割舍的\n[03:26]各自好好过 也好过一直拖\n[03:30]自作多情了 好吧我认了\n[03:35]至少能换来释怀洒脱\n[03:38]没丢失掉自我\n"
                // }, {
                //     name: "学猫叫",
                //     artist: "小潘潘",
                //     url: "http://music.163.com/song/media/outer/url?id=554191055.mp3",
                //     pic: "http://p1.music.126.net/D1Ov-XMAwUzsr16mQk95fA==/109951163256119128.jpg?param=300x300",
                //     lrc: "[00:00.00] 作曲 : 小峰峰[00:01.00] 作词 : 小峰峰[00:05.03]编曲：吕宏斌&塞米七[00:05.28]和声：小峰峰[00:05.45]混音：陈秋洁[00:05.63]制作人：小峰峰[00:05.85]唱片：麦袭时代[00:06.40]OP：百纳娱乐[00:06.93][00:07.96]小潘潘：[00:08.31]我们一起学猫叫[00:10.58]一起喵喵喵喵喵[00:12.60]在你面前撒个娇[00:14.71]哎呦喵喵喵喵喵[00:16.77]我的心脏砰砰跳[00:18.85]迷恋上你的坏笑[00:21.31]你不说爱我我就喵喵喵[00:24.10][00:24.75]小峰峰：[00:26.17]每天都需要你的拥抱[00:29.08]珍惜在一起的每分每秒[00:33.35]你对我多重要[00:35.21]我想你比我更知道[00:38.00]你就是我的女主角[00:41.34][00:41.80]小潘潘：[00:42.80]有时候我懒的像只猫[00:45.69]脾气不好时又张牙舞爪[00:50.10]你总是温柔的[00:51.96]能把我的心融化掉[00:54.65]我想要当你的小猫猫[00:59.93][01:00.38]合：[01:00.70]我们一起学猫叫[01:02.69]一起喵喵喵喵喵[01:04.72]在你面前撒个娇[01:06.81]哎呦喵喵喵喵喵[01:08.82]我的心脏砰砰跳[01:10.79]迷恋上你的坏笑[01:13.42]你不说爱我我就喵喵喵[01:16.86][01:17.23]我们一起学猫叫[01:19.30]一起喵喵喵喵喵[01:21.45]我要穿你的外套[01:23.55]闻你身上的味道[01:25.62]想要变成你的猫[01:27.68]赖在你怀里睡着[01:30.17]每天都贪恋着你的好[01:33.85][01:50.67]小潘潘：[01:51.73]有时候我懒的像只猫[01:54.62]脾气不好时又张牙舞爪[01:58.95]你总是温柔的[02:01.07]能把我的心融化掉[02:03.62]我想要当你的小猫猫[02:07.97][02:09.19]合：[02:09.49]我们一起学猫叫[02:11.49]一起喵喵喵喵喵[02:13.55]在你面前撒个娇[02:15.55]哎呦喵喵喵喵喵[02:17.72]我的心脏砰砰跳[02:19.77]迷恋上你的坏笑[02:22.28]你不说爱我我就喵喵喵[02:26.01][02:26.21]我们一起学猫叫[02:28.30]一起喵喵喵喵喵[02:30.30]我要穿你的外套[02:32.38]闻你身上的味道[02:34.58]想要变成你的猫[02:36.56]赖在你怀里睡着[02:39.02]每天都贪恋着你的好[02:42.40][02:42.85]我们一起学猫叫[02:44.84]一起喵喵喵喵喵[02:46.89]在你面前撒个娇[02:49.02]哎呦喵喵喵喵喵[02:51.14]我的心脏砰砰跳[02:53.32]迷恋上你的坏笑[02:55.75]你不说爱我我就喵喵喵[02:59.12][02:59.47]我们一起学猫叫[03:01.59]一起喵喵喵喵喵[03:03.66]我要穿你的外套[03:05.82]闻你身上的味道[03:07.88]想要变成你的猫[03:09.98]赖在你怀里睡着[03:12.37]每天都贪恋着你的好"
                // }
                {
                    name: "晴天",
                    artist: "周杰伦",
                    url: "http://url.amp3a.com/kuwo.php/228908.mp3",
                    lrc: "https://m.kuwo.cn/newh5/singles/songinfoandlrc?musicId=228908",
                    lrcAdapter: lrcAdapter,
                },
                {
                    name: "夜曲",
                    artist: "周杰伦",
                    url: "http://url.amp3a.com/kuwo.php/118980.mp3",
                    lrc: "https://m.kuwo.cn/newh5/singles/songinfoandlrc?musicId=118980",
                    lrcAdapter: lrcAdapter,
                },
                {
                    name: "青花瓷",
                    artist: "周杰伦",
                    url: "http://url.amp3a.com/kuwo.php/324244.mp3",
                    lrc: "https://m.kuwo.cn/newh5/singles/songinfoandlrc?musicId=324244",
                    lrcAdapter: lrcAdapter,
                }
            ]
        });

    </script>
</body>

</html>